<template>
  <div id="app">
  <!-- 导航栏 -->
    <my-head></my-head>
    <my-nav></my-nav>
    <router-view class="main_content"></router-view>
    <my-login></my-login>
  </div>
</template>

<script>
  import myHead from './pages/header';
  import myNav  from './pages/nav'
  import myLogin from './pages/login'
  export default {
    name: 'app',
    components: {
      myHead,
      myNav,
      myLogin,
    },
    data() {
      return {
        canlogin: false
      };
    },
    computed: {
      canlogin() {
        return this.$store.state.login.islogin;
      }
    }
    
  }
</script>

<style>
  .main_content {
    position: relative;
    top:40px;
    width: 100%;
    margin-bottom: 135px;
    margin-left: 280px;
    box-sizing: border-box;
  }
</style>
